<div class="title" >
  <p>{{title}}</p>
  <p>{{todayLeft}}&nbsp;</p>
  <p>{{allData["TOTAL"]}}</p>
</div>
<table [ngStyle]="{ width: tabWidth }" style="table-layout: fixed">
  <thead>
  <tr>
    <td *ngFor="let header of titleList" [ngStyle]="{width: header.width}">
      <span>{{ header.lable }}</span>
    </td>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor="let page of reportData">
    <td *ngFor="let header of titleList" [class.warning]='page["TIO"] >= 0'>
                <span *ngIf=' ("HS" !== header["feild"])
                            && ("YJDHSC" !== header["feild"])
                            && ("DHZQ" !== header["feild"])
                            && ("Seven" !== header["feild"])
                            && ("Eleven" !== header["feild"])
                            && ("WXHS" !== header["feild"])' >

                    <img *ngIf=' "TPLJ" === header["logo"] '  class="logo"
                         [src]="page['TPLJ'] ? 'http://10.2.0.34/' + page['TPLJ'] : 'http://10.2.0.34/default/Logo51*51.png' " />
                    {{ page[header['feild']] }}
                </span>

      <i *ngIf=' "YJDHSC" === header["feild"] '>{{ toSeven(page["YJDHSC"]) }}</i>
      <i *ngIf=' "DHZQ" === header["feild"] '>{{ toSeven(page["DHZQ"]) }}</i>
      <i *ngIf=' "HS" === header["feild"] '>{{ toHourMinute(page["HS"]) }}</i>
      <i *ngIf=' "Seven" === header["feild"] '>{{ toSeven(page["Seven"]) }}</i>
      <i *ngIf=' "Eleven" === header["feild"] '>{{ toEleven(page["Eleven"]) }}</i>
      <i *ngIf=' "WXHS" === header["feild"] '>{{ toHourMinute(page["WXHS"]) }}</i>
    </td>
  </tr>
  </tbody>
</table>
